﻿<!DOCTYPE html>
<html>
<head>
    <title>@ViewBag.Title</title>

    <link href="@Url.Content("~/Content/Site.css?v=" + DateTime.Now.Ticks.ToString())")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/pagination.css?v=" + DateTime.Now.Ticks.ToString())")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/foundation.min.css")" rel="stylesheet" type="text/css" />
    <link rel="icon" href="@Url.Content("~/Content/img/favicon.jpg")" type="image/x-icon" />

    <script src="@Url.Content("~/Scripts/jquery-1.11.2.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery-ui-1.8.11.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/MicrosoftAjax.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/MicrosoftMvcAjax.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/PencasFunctionality.js?v=" + DateTime.Now.Ticks.ToString())" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.pagination.js?v=" + DateTime.Now.Ticks.ToString())" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/members.js?v=" + DateTime.Now.Ticks.ToString())" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/foundation.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.fittext.js")" type="text/javascript"></script>


    <meta http-equiv="cache-control" content="NO-CACHE"/>
    <meta http-equiv="expires" content="0"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=1" /><meta http-equiv="X-UA-Compatible" content="IE=edge" />

</head>
<body style="background: white">
    <div class="page">
        <div id="header" class="row">
            <div class="small-5 medium-3 columns">
                <img src="@Url.Content("~/Content/img/penca.png")"  alt="logo-penca"/>
            </div>
            <div class="small-4 small-offset-3 medium-2 medium-offset-7 columns text-center">
                <img src="@Url.Content("~/Content/img/escudo-2.jpg")" style="width:70%"  alt="logo-club"/>
            </div>
        </div>

        <div id="mainMenu" class="row">
            <div class="small-12 columns">
                <div class="show-for-medium-up">    
                    <ul id="menu-bar2" class="small-block-grid-5">
                        <li class="liPronosticos"><a href="@Url.Action("ObtenerPronosticos", "Partidos")">Pronósticos</a></li>
                        <li class="liPosiciones"><a href="@Url.Action("VerTabla", "Home")">Posiciones</a> </li>
                        <li class="liReglamento"><a href="@Url.Action("Reglamento", "Home")">Reglamento</a></li>
                        <li class="liContacto"><a href="@Url.Action("Contacto", "Home")">Contacto</a></li>
                        <li class="liSalir"><a href="@Url.Action("Salir", "Home")">Salir</a></li>
                    </ul>
                </div>
            </div>
            <div class="show-for-small-down" style="margin-top: 10px"> 
                <div id="small-menu">
                    <div id="small-menu-bar2" class="row">
                        <div id="menuText" class="small-2 small-offset-5 columns" style="color: white; line-height:30px; margin-top: 5px; cursor:pointer">
                            MENÚ
                        </div>
                        <div id="menuIcon" class="small-1 small-offset-4 columns">
                            <img id="menuIconPointingDown" src="@Url.Content("~/Content/img/menuIconPointingDown.png")" alt="menu"/>
                            <img id="menuIconPointingUp" src="@Url.Content("~/Content/img/menuIconPointingUp.png")" alt="menu" style="display:none"/>
                        </div>
                    </div>
                    <ul id="small-menu-options" style="display:none">
                        <li class="liPronosticos"><a href="@Url.Action("ObtenerPronosticos", "Partidos")">Pronósticos</a></li>
                        <li class="liPosiciones"><a href="@Url.Action("VerTabla", "Home")">Posiciones</a> </li>
                        <li class="liReglamento"><a href="@Url.Action("Reglamento", "Home")">Reglamento</a></li>
                        <li class="liContacto"><a href="@Url.Action("Contacto", "Home")">Contacto</a></li>
                        <li class="liSalir"><a href="@Url.Action("Salir", "Home")">Salir</a></li>
                    </ul>
                </div>
            </div>
        </div>

        <div id="main" class="row">

            <div id="session-bar" class="small-12 columns text-right">&nbsp;</div>

            <div id="left-side-bar" class="show-for-medium-up medium-2 columns">
                <div style="margin-bottom:50px">
                    <img src="@Url.Content("~/Content/img/escudo.jpg")"/>
                </div>
                <div>
                    <img src="@Url.Content("~/Content/img/logo_chile2015.jpg")"/>
                </div>
            </div>

            @RenderBody()
        </div>
        <div id="footer" class="row medium-text-right small-text-center">
            <a href="https://www.facebook.com/pages/Penca/1430033483965105?fref=ts" target="_blank">Conocé más Penca+</a>&nbsp;&nbsp;
        </div>
    </div>

    <script type="text/javascript">
        $(document).foundation();

        $("#menu-bar2 li").click(function () {
            $(this).find('a')[0].click();
        });
    </script>
</body>
</html>